﻿<%@ include file="/static/include.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<%-- <script src="${cmpRoot}/demo_index.js"></script> --%>
<script type="text/javascript" src="/static/demo/demo_index.js"></script>
<title>Demo首页</title>
</head>
<body class="f12 fw" >
	<div  ng-app="app" ng-controller="demoListCtrl" class="container">
	<div><a class="btn btn-primary" href="/app/demo/add">增加demo</a></div>
		<div class="row col-sm-offset-2 col-sm-8">
			<div class="wocao">		
			<div class="row well">
		        <span>搜索:<input ng-model="query"></span> 
		        <span>排序:
				  <select ng-model="orderProp">
				    <option value="name">Alphabetical</option>
				    <option value="-create_date">Newest</option>
				  </select>
		        </span>
			</div>
 			<!-- <div class="well">
    				<span>清单</span>
			</div>
					 	 -->
			<div class="row" class="demo_lists" id="demo_lists" 
			     ng-repeat="demo in demos | filter:query | orderBy:orderProp">
			      <h3><a href="${reqRoot}/get/{{demo.id}}">{{demo.name}}</a></h3>
			      <p><b>{{demo.dept}}</b></p>
			      <p>{{demo.create_date | date:yyyy-MM-dd}}</p>
			</div>				
			</div><!-- /wocao -->
		</div><!-- /col -->		
	</div><!-- /row -->
	
<%-- 	<div class="container">
		<div><a href="${reqRoot}/getAll">获取全部</a></div>
		<div><a href="${reqRoot}/get/1/10">获取第1页，每页10条</a></div>
		<div><a href="${reqRoot}/get/1/1">获取第2页，每页1条demo</a></div>
	</div> --%>
</body>
</html>